<template>
    <view class="feedback">
        <view class="title">请选择反馈类型</view>
        <u-cell-group>
            <u-cell size="large" title="功能异常" label="请向开发者反馈小程序功能异常问题" @click="gotoFormPage('功能异常')"></u-cell>
            <u-cell size="large" title="产品建议" label="请向开发者反馈你对产品的相关建议" @click="gotoFormPage('产品建议')"></u-cell>
            <u-cell size="large" title="商家交易投诉" label="若遇退款，退货退款，商家服务等问题，可向商家投诉，投诉内容将会同步给商家"
                @click="gotoFormPage('商家交易投诉')"></u-cell>
        </u-cell-group>
        <view class="tip">“此投诉为本小程序自有投诉渠道，非微信官方投诉渠道”</view>
    </view>
</template>

<script>

export default {
    data() {
        return {
        }
    },
    methods: {
        gotoFormPage(type) {
            uni.navigateTo({ url: '/pages_sub3/feedback/form/index?type=' + type })
        }
    }
}
</script>
<style lang="scss" scoped>
.feedback {
    padding: 40rpx 30rpx;

    .title {
        margin-bottom: 30rpx;
        font-size: 40rpx;
    }

    .tip {
        position: absolute;
        left: 55%;
        bottom: 20px;
        transform: translate(-45%);
        width: 100%;
        font-size: 26rpx;
        color: #6d6d6d;
    }
}
</style>
